﻿<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en">
<!--<![endif]-->

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>X-Vision group</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="apple-touch-icon" href="apple-touch-icon.png">
	<!-- favicon icon -->
	<link rel="shortcut icon" type="image/png" href="favicon.ico" />
	<!-- WEB FONTS -->
	<link href="https://fonts.googleapis.com/css?family=Raleway:400,700" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Oswald:300,400,700" rel="stylesheet">

	<!-- Stylesheets -->
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/bootstrap-theme.min.css">
	<!-- color css -->
	<link rel="stylesheet" href="switcher/switcher.css" />
	<link rel="stylesheet" href="css/main.css">
	<link rel="stylesheet" href="css/color.css">
	<script src="js/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>

<body data-spy="scroll" data-target=".navbar" data-offset="50" style="overflow: visible;">

	<!-- ===========================
			PRELOADER
============================= -->

	<div id="preloader">
		<div id="status"></div>
	</div>

	<!-- End Preloader -->


	<!-- =========================
	  page header START
  ============================== -->
	<header>
		<!--Nav Menu Starts-->
		<nav class="navbar default nav-mob">
			<div class="container mob-logo">
				<div class="navbar-header col-sm-4 tablet-logo">
					<button type="button" class="navbar-toggle mob-menu" data-toggle="collapse" data-target="#myNavbar">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a href="#slides" class="brand-logo">
						<img src="images/icbc.png" alt="karbar logo" />
					</a>
				</div>
				<div class="collapse navbar-collapse" id="myNavbar">
					<ul class="nav navbar-nav pull-right">
						<li class="active">
							<a href="#slides">首页</a>
						</li>
						<li class="nav-item dropdown">
							<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
								应用
							</a>
							<div class="dropdown-menu">
								<a class="dropdown-item" href="Flow_num_reco.html">
									<center>流水号识别</center>
								</a>
								<a class="dropdown-item" href="Captcha_num_reco.html">
									<center>验证码识别</center>
								</a>
							</div>
						</li>

						<li>
							<a href="#karbar-how-it-works-section">工作原理</a>
						</li>
						<li>
							<a href="#karbar-service-section">服务</a>
						</li>
						<li>
							<a href="#karbar-team-section">团队成员</a>
						</li>
						<li>
							<a href="#karbar-footer-section">联系我们</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
	</header>
	<!-- end header -->


	<!-- =========================
		home slider section
 ============================== -->
	<section id="slides" class="pb">
		<div class="slides-container">
			<div class="slide active">
				<div class="img"><img src="images/slider/slide1.jpg" alt="slide" class="img-responsive"></div>
				<div class="overlay"></div>
				<div class="slide-caption">
					<div class="container">
						<div class="box">
							<h1>ICBC X-VISION LAB
							</h1>
							<span>OCR流水号识别</span>
						</div>
					</div>
				</div>
			</div>
			<!-- end slide1 -->
			<div class="slide">
				<div class="img"><img src="images/slider/slide2.jpg" alt="slide" class="img-responsive"></div>
				<div class="overlay"></div>
				<div class="slide-caption">
					<div class="container">
						<div class="box">
							<h1>ICBC X-VISION LAB</h1>
							<span>OCR验证码识别</span>
						</div>
					</div>
				</div>
			</div>
			<!-- end slide2 -->
		</div>
		<!-- end slides-container -->
		<div class="slides-navigation">
			<a class="prev sqaureIconSec" href="#"> <i class="fa fa-chevron-left"></i></a>
			<a class="next sqaureIconSec" href="#"> <i class="fa fa-chevron-right"></i></a>
		</div>
		<!-- end slides-navigation -->
		<div class="holder">

			<span class="scroll-btn">
				<a href="#karbar-how-it-works-section">
					<span class="mouse">
						<span>
						</span>
					</span>
				</a>
			</span>
			<i class="fa fa-chevron-down moreArrow moving"></i>
		</div>

	</section>
	<!-- end slider -->

	<!-- =========================
		How it works section
 ============================== -->
	<section id="karbar-how-it-works-section" class="how-it-works section-bg-color">
		<div class="container">
			<div class="row">
				<!-- Section main title -->
				<div class="col-xs-12 section-title-padding">
					<div class="sec-title-container text-center">
						<div class="title-line"></div>
						<h2 class="uppercase font-weight-7 less-mar-1">工作原理</h2>
						<div class="clearfix"></div>
						<p class="by-sub-title">详细介绍与操作步骤</p>
					</div>
				</div>
				<div class="clearfix"></div>
				<div class="col-md-11 center-block">
					<!--step 1-->
					<div class="row">
						<div class="col-md-6 col-md-push-6 text-center"> <img src="images/step1.png" alt="step-1">
						</div>
						<div class="col-md-6 col-md-pull-6 reveal-left-fade">
							<div class="step-number"><span>1</span></div>
							<h4>简介</h4>
							<p>流水号识别<br>
								神经网络：DeepText + CRNN<br>
								数据集：真实流水号单据样本<br>
								验证码识别<br>
								神经网络：CCN, CRNN<br>
								数据集：人工合成验证码样本
							</p>
						</div>
					</div>
					<!--step 1 end-->
					<!--step 2-->
					<div class="row">
						<div class="col-md-6 text-center"> <img src="images/step-2.svg" alt="step-2"> </div>
						<div class="col-md-6 reveal-right-fade">
							<div class="step-number"><span>2</span></div>
							<h4>准备</h4>
							<p>准备一张需要识别的流水号或验证码图片，我们会为你提供识别服务。</p>
						</div>
					</div>
					<!--step 2 end-->
					<!--step 3-->
					<div class="row">
						<div class="col-md-6 col-md-push-6 text-center"> <img src="images/step-3.svg" alt="step-3">
						</div>
						<div class="col-md-6 col-md-pull-6 reveal-left-fade">
							<div class="step-number"><span>3</span></div>
							<h4>选择模型</h4>
							<p>根据你的需求选择对应的流水号或者验证码识别服务。</p>
						</div>
					</div>
					<!--step 3 end-->
					<!--step 4-->
					<div class="row">
						<div class="col-md-6 text-center"> <img src="images/step-4.svg" alt="step-4"> </div>
						<div class="col-md-6 reveal-right-fade">
							<div class="step-number"><span>4</span></div>
							<h4>结果</h4>
							<p>点击去往对应的服务页面上传图片，点击“提交”按钮后你就会获得识别结果。</p>
						</div>
					</div>
					<!--step 4 end-->
				</div>
			</div>
		</div>
	</section>
	<!--How it works end-->


	<!-- =========================
		service section
 ============================== -->
	<section id="karbar-service-section">
		<div class="container">
			<div class="row">
				<!-- Section main title -->
				<div class="col-xs-12 section-title-padding">
					<div class="sec-title-container text-center">
						<div class="title-line"></div>
						<h2 class="uppercase font-weight-7 less-mar-1">产品优势</h2>
						<div class="clearfix"></div>
						<p class="by-sub-title">流水号与验证码识别</p>
					</div>
				</div>
				<div class="clearfix"></div>
				<!--end title-->
				<div class="item">
					<div class="col-md-6">
						<div class="service-left-side active reveal-right-delay">
							<div class="circle"> <i class="fa fa-desktop"></i> </div>
							<div class="text-box">
								<h5 class="title">识别准确率高</h5>
								<hr>
								<p><strong>利用上千万的图片样本训练模型</strong></p>
							</div>
						</div>
					</div>
					<!--end item-->
					<div class="col-md-6">
						<div class="service-right-side reveal-right-delay">
							<div class="circle"> <i class="fa fa-tablet"></i> </div>
							<div class="text-box">
								<h5 class="title">识别速度快</h5>
								<hr>
								<p><strong>单张图片毫秒级别返回</strong></p>
							</div>
						</div>
					</div>
					<!--end item-->
					<div class="clearfix"></div>
					<div class="col-divider-margin-3"></div>
					<div class="col-md-6">
						<div class="service-left-side reveal-right-delay">
							<div class="circle"> <i class="fa fa-picture-o"></i> </div>
							<div class="text-box">
								<h5 class="title">技术精深</h5>
								<hr>
								<p><strong>使用业界领先的深度学习技术，支持分布式多机多GPU卡训练模型</strong></p>
							</div>
						</div>
					</div>
					<!--end item-->
					<div class="col-md-6">
						<div class="service-right-side reveal-right-delay">
							<div class="circle"> <i class="fa fa-wordpress"></i> </div>
							<div class="text-box">
								<h5 class="title">服务稳定</h5>
								<hr>
								<p>依托阿里云计算，提供高可用性的弹性服务</p>
							</div>
						</div>
					</div>
					<!--end item-->
				</div>
			</div>
		</div>
	</section>

	<!-- end services -->

	<!-- =========================
	   team section
 ============================== -->
	<section id="karbar-team-section">
		<div class="awesome-team-members">
			<div class="container">
				<div class="row">
					<!-- Section main title -->
					<div class="col-xs-12 section-title-padding">
						<div class="sec-title-container text-center">
							<div class="title-line"></div>
							<h2 class="uppercase font-weight-7 less-mar-1">团队成员</h2>
							<div class="clearfix"></div>
							<p class="by-sub-title">X-VISION team 2020</p>
						</div>
					</div>
					<div class="clearfix"></div>
					<!--end title-->
					<div class="col-md-4 col-sm-6 col-xs-12 padding">
						<div class="item-holder margin-bottom">
							<div class="text-box text-center more-height white">
								<h4 class="font-weight-5">
									<font size="10"> 沈豪 </font>
								</h4>
								<br>
							</div>
							<div class="clearfix"></div>
							<div class="text-box text-center more-height white">
								<h4 class="font-weight-5">
									<font size="10"> 谢思昊 </font>
								</h4>
								<br>
							</div>
						</div>
					</div>
					<!--end item-->
					<div class="col-md-4 col-sm-6 col-xs-12 padding">
						<div class="item-holder margin-bottom">
							<div class="text-box text-center more-height white">
								<h4 class="font-weight-5">
									<font size="10"> 侯俊杰 </font>
								</h4>
							</div>
							<img src="images/Teamwork.jpg" alt="" class="img-responsive">
						</div>
					</div>
					<!--end item-->
					<div class="col-md-4 col-sm-6 col-xs-12 padding">
						<div class="item-holder margin-bottom">
							<div class="text-box text-center more-height white">
								<h4 class="font-weight-5">
									<font size="10"> 刘靖康 </font>
								</h4>
							</div>
							<div class="clearfix"></div>
							<div class="text-box text-center more-height white">
								<h4 class="font-weight-5">
									<font size="10"> 陈琦 </font>
								</h4>
							</div>
						</div>
					</div>
					<!--end item-->
				</div>
			</div>
		</div>
	</section>
	<!-- end team section -->

	<!-- =========================
		Gmap, ContactForm section
 ============================== -->
	<!--  -->
	<section id="karbar-footer-section">
		<div class="bottom">
			<div class="row">
				<div class="col-sm-12">
					<div class="subscribe-content">
						<!-- Newsletter title -->
						<div class="subscribe-content-inner">
							<h2>联系我们</h2>
							<p>
								如果您有任何问题<br />
								欢迎联系我们！
							</p>
						</div>
					</div>
					<div class="col-sm-12 col-md-12">
						<div id="gmap"></div>
						<div class="contact-form clearfix">
							<div class="col-sm-6">
								<div class="input-text">
									<input type="text" name="name" id="name" class="input-name form-control"
										placeholder="姓名">
								</div>
								<div class="input-email">
									<input type="email" name="email" id="email" class="input-email form-control"
										placeholder="Email地址">
								</div>
								<div class="input-phone">
									<input type="text" name="phone" id="phone" class="input-phone form-control"
										placeholder="电话">
								</div>
							</div>
							<div class="col-sm-6">
								<div class="textarea-message">
									<textarea name="message" id="message" placeholder="信息" rows="3"></textarea>
								</div>
								<button type="submit" id="submit" name="submit" class="submit-btn">发送<i
										class="icon-paper-plane"></i></button>
							</div>
						</div>
						<div class="contact-info">
							<p><br></p>
						</div>
					</div>
				</div>
				<div class="copyright">
					<p class="copyright">
						Copyright &copy; 2020 .OCR group X-VISION All rights reserved. 冀ICP备20020050号
					</p>
				</div>
			</div>
		</div>
	</section>
	<!-- end Gmap ContactForm -->

	<script src="js/jquery-1.8.3.min.js"></script>
	<!-- plugin js -->
	<script src="js/plugins.js"></script>
	<!-- super slider -->
	<script type="text/javascript" src="js/jquery.superslides.min.js"></script>
	<!-- contact js -->
	<script src="js/jquery-contact.js"></script>
	<!-- retina js -->
	<script src="js/retina.min.js"></script>
	<!-- mailchimp -->
	<script src="js/jquery.ajaxchimp.min.js"></script>
	<!-- scroll animatin JS -->
	<script src="js/scrollreveal.min.js"></script>
	<script src="js/main.js"></script>
	<!---<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB963i1T-nnKpiJjHmBfZq1zX9nEsgklhQ&callback=initMap" async defer></script>--->
	<!-- color js -->
	<script src="switcher/switcher.js"></script>

</body>

</html>